<template style="background-color: #ededed;">
	<view class="box_A">
		<view class="prompt">
			<p style="margin-left: 10rpx;">温馨提示：已锁定号源，请您尽快支付，超时系统将自动取消订单！</p>
		</view>
		<view class="box_B">
			<view v-for="(p,index) of patient" :key="p.id" class="box_B_1">
				<h4 class="box_B_2">挂号订单 ({{p.name}})</h4>
				<h4 style="color:#f46c6c ;float: right;" class="box_B_2">待支付</h4>
			</view>
			<view style="border-top:1px solid #f5f5f5;margin:10rpx 5rpx;"></view>
			<view class="box_B_3">
				<view>流水号：</view>
				<view>就诊患者：</view>
				<view>就诊卡号：</view> 
				<view>就诊医生：</view>
				<view>就诊机构：</view>
				<view>就诊时间：</view>
				<view class="box_B_3_1">金额：</view>
			</view>
		</view>
		<view style="text-align: center;" >
			<view class="butn " style="background-color: #f46c6c;" >取消支付</view>
			<view class="butn " style="background-color: #5bc724;" >立即支付</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				patient: [{
						id: '001',
						name: '李爱国'
					},

				],
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.box_A {
		margin-top: 35rpx;

		.prompt {
			background-color: #f46c6c;
			margin: 18rpx;
			height: 85rpx;
			line-height: 85rpx;
			font-size: 25rpx;
			border-radius: 10rpx;
			color: #fbf3f3;
		}

		.box_B {
			background-color: #ffffff;
			margin: 18rpx;
			height: 550rpx;
			border-radius: 10rpx;
			box-shadow: 5rpx 5rpx 15rpx 8rpx #e7e7e7;


			.box_B_1 {
				height: 85rpx;

				.box_B_2 {
					font-size: 35rpx;
					line-height: 85rpx;
					margin: 0 15rpx;
					display: inline-block;
				}

			}

			.box_B_3 {
				margin: 0 15rpx;
				height: 60rpx;
				font-size: 30rpx;
				line-height: 60rpx;
				color: rgb(175, 175, 175);

				.box_B_3_1 {
					font-size: 45rpx;
					float: right;
					color: #000;
				}
			}
		}

		.butn {
			line-height: 80rpx;
			text-align: center;
			width: 350rpx;
			height: 80rpx;
			display: inline-block;
			margin: 25rpx 10rpx;
			border-radius: 90rpx;
			color: #ffffff;
			transition: all 0.1s cubic-bezier(0,1.53,56,1.11); 
		}
		
		
	}
</style>